import { Typography } from 'antd';
import { defaultProps, ComponentProps } from './interface';
import { FC } from 'react';
import { getParagraphList } from '@/comon/tools';

const { Paragraph, Title } = Typography;

const Component: FC<ComponentProps> = (props) => {
  const { title, description } = { ...defaultProps, ...props };

  return (
    <div style={{ textAlign: 'center' }}>
      <Title style={{ fontSize: 24 }}>{title}</Title>
      <Paragraph>{getParagraphList(description)}</Paragraph>
    </div>
  );
};

export default Component;
